@extends('master')

@section('content')




    <div class="container">

      <div class="page-header">
        <h3>注册帐号 </h3>
      </div>
        {!! Form::model($user = new \App\User, ['url' => 'signup/', 'class' => 'form-horizontal']) !!}
    <section id="step1">

      <div class="progress text-center mgt_50">
        <div class="progress-bar progress-bar-warning" style="width: 50%">
          <span>注册帐号</span>
        </div>
        <div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 30%">
          <span>基本资料</span>
        </div>
        完成注册
      </div>

      <div class="row mgt_50">
        <div class="col-sm-6">

            <div class="form-group">
              <label for="username" class="col-sm-4 control-label">用户名</label>
              <div class="col-sm-8">
                {{--<input type="text" class="form-control" id="username" placeholder="输入用户名">--}}
                {!! Form::text('username', old('username'), ['class' => 'form-control','placeholder'=>'输入用户名']) !!}
              </div>
            </div>
            <div class="form-group">
              <label for="inputPassword31" class="col-sm-4 control-label">密码</label>
              <div class="col-sm-8">
                {{--<input type="password" class="form-control" id="inputPassword31" placeholder="请输入一遍密码">--}}
                {!! Form::password('password', ['class' => 'form-control', 'placeholder'=>'请输入一遍密码', 'required']) !!}
              </div>
            </div>
            <div class="form-group">
              <label for="inputPassword32" class="col-sm-4 control-label">确认密码</label>
              <div class="col-sm-8">
                {{--<input type="password" class="form-control" id="inputPassword32" placeholder="请再输入一遍密码">--}}
                {!! Form::password('com_password', ['class' => 'form-control', 'placeholder'=>'请再输入一遍密码', 'required']) !!}
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-4 col-sm-8">
                <a  href="javascript:void(0);" onclick="next()" class="btn btn-warning btn-block"><i class="fa fa-arrow-circle-right"></i> 下一步</a>
                <p class="mgt_10"><a href="/signup/licence" target="_blank">《坯布搜网用户注册协议》</a></p>
              </div>
            </div>

        </div>
        <div class="col-sm-5 col-sm-offset-1" id="reg-tip">
          <h4>已有坯布搜账号？</h4>
          <p><a href="/signin">立即登录</a></p>
          <p>成为会员，坯布搜将人工免费帮您找最便宜的布料！并且可以免费发布、下载资源单！</p>
          <hr>
          <h4>有任何问题请联系客服</h4>
          <p><i class="fa fa-phone"></i> 电话：4006-1234-21</p>
        </div>

      </div>
    </section>
    <section id="step2" style="display: none">

      <div class="progress text-center mgt_50">
        <div class="progress-bar progress-bar-success" style="width: 50%">
          <span>注册帐号</span>
        </div>
        <div class="progress-bar progress-bar-warning" style="width: 30%">
          <span>基本资料</span>
        </div>
        完成注册
      </div>

      <div class="row mgt_50">
        <div class="col-sm-6">

            <div class="form-group">
              <label for="name" class="col-sm-4 control-label">姓名</label>
              <div class="col-sm-8">
                {!! Form::text('name', old('name'), ['class' => 'form-control','placeholder'=>'输入真实姓名']) !!}
              </div>
            </div>
            <div class="form-group">
              <label for="sex" class="col-sm-4 control-label">性别</label>
              <div class="col-sm-8">
                <label class="radio-inline">
                  <input type="radio" name="sex" id="inlineRadio1" value="option1"> 男士
                </label>
                <label class="radio-inline">
                  <input type="radio" name="sex" id="inlineRadio2" value="option2"> 女士
                </label>
              </div>
            </div>
            <div class="form-group">
              <label for="company" class="col-sm-4 control-label">公司</label>
              <div class="col-sm-8">
                {{--<input type="text" class="form-control" id="company" placeholder="请输入公司全称">--}}
                {!! Form::text('company', old('company'), ['class' => 'form-control','placeholder'=>'请输入公司全称']) !!}
              </div>
            </div>
            <div class="form-group">
              <label for="phone" class="col-sm-4 control-label">手机号码</label>
              <div class="col-sm-8">
                <div class="input-group">
                {!! Form::text('phone', old('phone'), ['class' => 'form-control','placeholder'=>'输入手机号码']) !!}
                  {{--<input type="text" class="form-control" id="phone" placeholder="输入手机号码">--}}
                  <span class="input-group-btn">
                    <button class="btn btn-default" type="button">获取验证码</button>
                  </span>
                </div>
              </div>
            </div>
            <div class="form-group">
              <label for="con_code" class="col-sm-4 control-label">验证码</label>
              <div class="col-sm-8">
                {!! Form::text('code', old('code'), ['class' => 'form-control','placeholder'=>'请输入接收到的验证码']) !!}
                {{--<input type="text" class="form-control" id="con_code" placeholder="请输入接收到的验证码">--}}
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-4 col-sm-8">
                                {!! Form::submit('点击完成注册', ['class' => 'btn btn-warning btn-block']) !!}
                {{--<a  href="reg_2.html" class="btn btn-warning btn-block"><i class="fa fa-check-circle"></i> 点击完成注册</a>--}}
              </div>
            </div>

        </div>
        <div class="col-sm-5 col-sm-offset-1" id="reg-tip">
          <h4>已有坯布搜账号？</h4>
          <p><a href="login.html">立即登录</a></p>
          <p>成为会员，坯布搜将人工免费帮您找最便宜的布料！并且可以免费发布、下载资源单！</p>
          <hr>
          <h4>有任何问题请联系客服</h4>
          <p><i class="fa fa-phone"></i> 电话：4006-1234-21</p>
        </div>

      </div>
    </section>
                    {!! Form::close() !!}


    </div>
    <script>
    function next(){
        $('#step1').hide();
        $('#step2').show();
    }
    </script>
@stop